﻿<template>
  <div class="day_mission_wrapper">
    <div class="day_mission_mian">
      <div class="day_mission_header clearfix">
          <div class="day_mission_header_box day_mission_header_box_act">
            新手任务
          </div>
        <div class="day_mission_header_box">
          每日任务
        </div>
        <div class="day_mission_header_box">
          悬赏任务
        </div>
      </div>
      <div class="day_missin_show">
        <div class="day_missin_show_header clearfix">
          <div class="day_mission_header_main">
              <img src="../../static/img/start_i.jpg" class="start">
              <img src="../../static/img/start_i.jpg" class="start">
              <img src="../../static/img/start_i.jpg" class="start">
              <span>每日任务</span>
            <img src="../../static/img/start_i.jpg" class="start">
            <img src="../../static/img/start_i.jpg" class="start">
            <img src="../../static/img/start_i.jpg" class="start">
          </div>
          <!--<img src="../../static/img/day_mission_hshow_header.png" alt="">-->
        </div>
        <!--main-->
        <div class="day_mission_show_main">
           <div class="cover_d_m" style="display:none;">


          <!--top-->
          <div class="dy_m_top_m clearfix">
            <div class="f_l">
              如何获得笔友/校友<br/>
              的通讯地址
            </div>
            <div class="f_r">
              <div class="btn_1 btn_base">
                手机地址
              </div>
              <div class="btn_2 btn_base">
                交换地址
              </div>
            </div>
          </div>
          <!--top-->

          <!--top2-->
          <div class="dy_m_top_m  change_2 clearfix">
            <div class="f_l">
              如何获得更多积分？
            </div>
            <div class="f_r">
              <div class="btn_3 btn_base c_base">
                收集福利卡<br/>或彩虹卡
              </div>
              <div class="btn_1 btn_base c_base dy_m_top_m_b">
                每天领取<br/>或朋友赠送
              </div>
              <div class="btn_2 btn_base dy_m_top_m_b">
                每周排行奖励
              </div>
            </div>
          </div>
          <!--top2-->


          <!--top-->
          <div class="dy_m_top_m clearfix m_d_f">
            <div class="f_l">
              如何更多人了解你？
            </div>
            <div class="f_r">
              <div class="btn_3 btn_base">
                写冒险卡
              </div>
              <div class="btn_1 btn_base">
                上传信物
              </div>
            </div>
          </div>

          <!--top-->

          <!--4 s-->
          <div class="dy_for_s clearfix">
            <div class="f_l">
                如何与更多人互动？
            </div>
            <div class="f_r">
              <div class="btn_1 btn_base">
                寄名信片
              </div>
              <div class="btn_3 btn_base">
                赠送礼物
              </div>
              <div class="btn_2 btn_base">
                愿望与活动
              </div>
              <div class="btn_1 btn_base">
                求助与志愿
              </div>
            </div>
          </div>
          <!--4 e-->

             <div ></div>
        </div>
            <day_mission_mission_view></day_mission_mission_view>
            <day_mission_view style="display: none;"></day_mission_view>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
  import MintUI from 'mint-ui';
  import Vue from "vue";
  import '../../static/css/mint-ui/style.css';
  import common from "../common/common.js";
  import qs from 'qs';
  import day_mission_view from "./day_mission_view.vue"
  import day_mission_mission_view from "./day_mission_mission_view.vue"
  import { Toast,Indicator} from 'mint-ui';



export default {
  name: 'hello',
  data () {
    return {

    }
  },
  mounted: function () {

  },
  methods: {


   },
  components: {
    day_mission_view,
    day_mission_mission_view
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang="scss">
  @import "./scss/day_mission.scss";
</style>


